export const addConsultUnit = (editor) => {
    const { Components } = editor;
    Components.addType('consultUnit', {
        model: {
            defaults: {
                name: 'consultUnit',
                droppable: false,
                attributes: { class: '' },
                components: [
                    {
                        type: 'div',
                        attributes: { style: 'display:flex' },
                        components: [
                            {
                                type: 'div',
                                attributes: { style: 'height:360px;width: 500px;' },
                                components: [
                                    {
                                        type: 'div',
                                        attributes: { style: 'background-color: gray;width: 450px;height: 250px;' },
                                    },
                                    {
                                        type: 'div',
                                        attributes: { style: 'display: flex;width: 100%;height:100px;' },
                                        components: [
                                            {
                                                type: 'text',
                                                attributes: { class: 'textContentTime' },
                                                content: '08-23'
                                            },
                                            {
                                                type: 'div',
                                                attributes: { style: 'padding-top: 20px;width: 350px;height:100px' },
                                                components: [
                                                    {
                                                        type: 'text',
                                                        attributes: { class: 'textContentWeight' },
                                                        content: '印度客机因乘客手机爆炸紧急降落：乘客均安全'
                                                    },
                                                    {
                                                        type: 'text',
                                                        attributes: { class: 'textContent' },
                                                        content: '快科技7月18日消息，据当地报道，日前一架飞往德里的印度航空客机起飞过程中突发意外，一名乘客的手机爆炸，飞机随后紧急降落。报道称，机上140名乘客均安全...'
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                ]
                            },
                            {
                                type: 'div',
                                attributes: { style: 'flex-direction: column' },
                                components: [
                                    {
                                        type: 'div',
                                        attributes: { style: 'display: flex;height:80px;border-bottom: 1px solid lightgray;' },
                                        components: [
                                            {
                                                type: 'div',
                                                attributes: { style: 'width: 360px;' },
                                                components: [
                                                    {
                                                        type: 'text',
                                                        attributes: { class: 'textContentWeight' },
                                                        content: '· 印度客机因乘客手机爆炸紧急降落：乘客均安全'
                                                    },
                                                    {
                                                        type: 'text',
                                                        attributes: { class: 'textContent' },
                                                        content: '快科技7月18日消息，据当地报道，日前一架飞往德里的印度航空客机起飞过程中突发意外，一名乘客的手机爆炸，飞机随后紧急降落。报道称...'
                                                    },
                                                ]
                                            },
                                            {
                                                type: 'div',
                                                attributes: { style: 'text-align: center;margin-top: 10px;margin-left: 10px;' },
                                                content: '<text class="textContentDay">08-23</text>\
                          <div style="border: solid 1px gray; width: 0px;height: 14px;margin-top: 10px;">\
                              <text style="margin-left: 10px;font-weight: 300;">→</text>\
                          </div>'
                                            }
                                        ]
                                    }
                                ]
                            }
                        ],
                    },
                ],
                styles: `
                      .textContentDay {
                      font-size: 10px;
                  font-weight: 300;
              }
              .textContent {
                  width: 350px;
                  font-size: 10px;
                  font-weight: 300;
                  margin-top: 10px;
              }
              .textContentTime {
                  width: 100px;
                  height: 50px;
                  font-size: 28px;
                  font-weight: 500;
                  margin-top: 20px;
              }
              .textContentWeight {
                  width: 350px;
                  heigth: 80px;
                  font-size: 12px;
                  font-weight: 540;
              }
                  `,
            },
        },
    });
    editor.BlockManager.add("consultUnit", {
        label: "咨询栏单元",
        category: "产品中心组件",
        select: true,
        content: { type: "consultUnit" },
      });
};
